<template>
  <view class="single-lamp-detail">
    <view class="section-box">
      <view class="section-title">
        <view class="title">灯具信息</view>
      </view>
      <view class="section-content"></view>
    </view>
    <view class="section-box">
      <view class="section-title">
        <view class="title">能耗详情</view>
      </view>
      <view class="section-content"></view>
    </view>
    <view class="section-box">
      <view class="section-title">
        <view class="title">参数设置</view>
      </view>
      <view class="section-content"></view>
    </view>
    <view class="section-box">
      <view class="section-title">
        <view class="title">模式选择</view>
      </view>
      <view class="section-content"></view>
    </view>
    <view class="page-bottom-btn" @click="saveSetting()">确定</view>
  </view>
</template>

<script>
import mixin from '@/mixins/index.js'
export default {
  mixins: [mixin],
  data() {
    return {
      lampName: '',
      lampVersion: '',
      installTime: '',
      energy: 0,
      warningCount: 0,
      canEdit: true
    }
  },
  methods: {
    initData() {},
    getSingleLampDetail() {},
    save() {}
  }
}
</script>

<style lang="scss" scoped>
.single-lamp-detail {
  padding: 30rpx 30rpx 120rpx;
}
.section-box {
  border-radius: 10rpx;
  background-color: $white;
  padding: 30rpx;
  margin-top: 20rpx;
  &:first-child {
    margin-top: 0;
  }
}
.section-title {
  @include section-title;
}
</style>
